<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>历史查询</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<style type="text/css">
	body{
		margin: 0;
		padding: 0;
		background-color: #eeeeee;
		font-family: "楷体";
	}
	.item{
		margin: 20px;
		margin-bottom: 50px;
	}
	.imte_top{
		text-align: center;
	}
	.imte_top>span{
		font-size:14px;
		display: inline-block;
		padding: 5px 12px;
		background-color: #ddd;
		color:#fff;
		border-radius: 5px;
	}
	.item_content{
		background-color: #fff;
		padding: 25px 15px;
		margin-top: 6px;
	}
	.item_content_top_1{
		font-size: 24px;
		font-weight: bold;
	}
	.item_content_top_2{
		color:#eee;
		font-size: 14px;
		margin: 5px 0px;
	}
	.item_content_top_3{
		margin: 10px 0px;
	}
	.item_content_top_4{
		margin: 10px 0px;
	}
	.item_content_bottom>a{
		text-decoration: none;
		color:#33e;
	}
</style>
</head>
<body>
	<div class="content" id="content1">

	</div>
	<div class="content" id="content2">
	</div>
</body>

<script src="qrcode/jquery2.1.4.js"></script>
<script src="layer/layer.js"></script>
<script>
	$(function (){
		$.getJSON("/wx/historyExpress.do",null,function (data){
			$(".content:eq(0)").html("");
			console.log(data)
			if (data.status == 0){
				let es = data.data;
				// 循环拼接取件的快递
				for (let i = 0 ; i < es.length ; i++){

					let item = "<div class=\"item\">\n" +
							"\t\t\t<div class=\"imte_top\"><span>"+es[i].inTime+"</span></div>\n" +
							"\t\t\t<div class=\"item_content\">\n" +
							"\t\t\t\t<div class=\"item_content_top\">\n" +
							"\t\t\t\t\t<div class=\"item_content_top_1\">"+ es[i].status +"</div>\n" +
							"\t\t\t\t\t<div class=\"item_content_top_2\">"+es[i].inTime+"</div>\n" +
							"\t\t\t\t\t<div class=\"item_content_top_3\">您录入的快递信息如下!</div>\n" +
							"\t\t\t\t\t<div class=\"item_content_top_4\">\n" +
							"\t\t\t\t\t\t快递公司:"+es[i].company+"<br>\n" +
							"\t\t\t\t\t\t运单号码:"+es[i].number+"<br>\n" +
							"\t\t\t\t\t\t站点电话:"+es[i].sysPhone+"<br>\n" +
							"\t\t\t\t\t\t取件地址:学校快件集散中心<br>\n" +
							"\t\t\t\t\t</div>\n" +
							"\t\t\t\t</div>\n" +
							"\t\t\t\t<hr>\n" +
							"\t\t\t\t<div class=\"item_content_bottom\">\n" +
							"\t\t\t\t\t<a href='#'>点击了解详情</a>\n" +
							"\t\t\t\t</div>\n" +
							"\t\t\t</div>\n" +
							"\t\t</div>"

					// 添加到div中
					$("#content2").append($(item));
				}

			} else{
				layer.msg("没有快递消息");
				var item = `<div class="item_content">
	\t\t\t\t<div class="item_content_top">
	\t\t\t\t\t<div class="item_content_top_1">您还没有录入过一个快递呢！</div>
	\t\t\t\t\t<div class="item_content_top_3">赶紧录入快递把！</div>
	\t\t\t\t\t<div class="item_content_top_4">
	\t\t\t\t\t</div>
	\t\t\t\t</div>
	\t\t\t\t<hr>
	\t\t\t</div>`
				$("#content2").append($(item));
			}

		})
	})
</script>
</html>